﻿@import '../../Geral/_mixins.scss';
@import '../../Geral/_styles.scss';
@import '../../Geral/_variaveis.scss';

body {
	@include marginpadding();
	font-family: 'Segoe UI';
	font-weight: lighter;
	font-size: 40px;

	h2 {
		@include marginpadding();
		margin: 5px;
		padding: 10px;
		text-transform: uppercase;
		font-family: 'Segoe UI';
		font-weight: bold;
		font-size: 30px;
		color: $vermelho;
		border-bottom: 4px solid $vermelho;
	}

	h3 {
		@include marginpadding();
		font-family: 'Segoe UI';
		font-weight: lighter;
		font-size: 50px;
		margin-bottom: 20px;
	}

	#sectionPage {
		@include float(1000px, 100%, 0, 0, true);

		#headerPage {
			@include float(200px, 96%);
			padding-left: 2%;
			padding-right: 2%;
			padding-bottom: 30px;
			background: #eee;
			color: $vermelho;

			#sectionLogo {
				@include float(200px, 25%);
				background: url('../../Imagens/imgs/logo.png') no-repeat left;
				background-size: contain;
			}

			#sectionHeader {
				@include float(200px, 75%);

				#navGlobal {
					@include float(100px, 50%);
					text-align: right;
					line-height: 100px;
					font-size: 30px;

					ul {
						@include marginpadding();
						list-style: none;

						li {
							display: inline;
							position: relative;
							padding: 10px;
							margin-left: 10px;

							a {
								display: inline-block;
								padding: 0 10px;
							}

							ul {
								display: none;
								position: absolute;
								left: 0;
								padding: 0;
								width: 100px;
								line-height: 70px;

								li {
									margin: 0;
									display: inline-block;
									width: 100px;
									line-height: 1.5em;
									text-align: center;
									background: darken($vermelho, 10%);

									input[type=image] {
										height: 50px;
									}
								}
							}

							&:hover {
								background: darken($vermelho, 10%);

								& a {
									color: white;
								}

								& > ul {
									display: block;
								}
							}
						}
					}
				}

				#navCliente {
					@include float(100px, 50%);
					text-align: right;
					line-height: 100px;
					font-size: 30px;

					ul {
						@include marginpadding();
						list-style: none;

						li {
							display: inline;
							position: relative;
							background: $vermelho;
							color: $branco;
							padding: 10px;
							margin-left: 10px;

							a {
								display: inline-block;
								padding-left: 20px;
							}

							ul {
								display: none;
								position: absolute;
								left: -140px;
								padding: 0;
								width: 370px;
								background: white;
								z-index: 999;
								line-height: 70px;

								li {
									margin: 0;
									display: inline-block;
									width: 350px;
									line-height: 1.5em;
									background: darken($vermelho, 10%);
								}
							}

							&:hover {
								background: darken($vermelho, 10%);

								& > ul {
									display: block;
								}
							}
						}
					}
				}

				#articlePesquisa {
					@include float(100px, 100%);

					#txtPesquisa {
						height: 100px;
						width: 100%;
						border: 2px solid $vermelho;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						box-sizing: border-box;
						font-size: 30px;
					}

					#divPesquisar {
						position: relative;
						top: -97px;
						left: calc(100% - 102px);
						width: 80px;
						padding: 11px;
						background: $vermelho;
						text-align: center;
						z-index: 5;

						&:hover {
							background: darken($vermelho, 10%);
						}
					}
				}
			}
		}

		#articlePage {
			@include float(700px, 100%, 0, 0, true);
			/*background: palegoldenrod;*/
		}

		#footerPage {
			@include float(500px, 96%);
			padding: 20px 2%;
			background: #eee;

			#articleRedesSociais {
				@include float(100%, 25%);
				font-size: 30px;

				table {
					tr {
						td {
							vertical-align: central;
							padding: 10px;
						}
					}
				}
			}

			#articleTutoriais, #articleSAC, #articleParceiros {
				@include float(100%, 25%);
				font-size: 30px;

				ul {
					@include marginpadding();
					list-style: none;

					li {
						@include marginpadding(5px);
					}
				}
			}
		}
	}
}

.link{
    text-decoration:none;
    color:white;
}